/* 仅当鼠标移入组件时显示左右切换按钮 */
.controls {
  transition: opacity 150ms ease;
  opacity: 0;
}

.root {
  &:hover {
    .controls {
      opacity: 1;
    }
  }
}

/* 排排站按钮样式 */
.item {
  height: rem(90px);
  background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-7));
  transition:
    box-shadow 150ms ease,
    transform 100ms ease;

  @mixin hover {
    box-shadow: var(--mantine-shadows-md);
    transform: scale(1.02);
  }
}
